<template>
  <div id="app">
    <transition name="routerChange">
      <keep-alive include="goodsList,cate,useredit">
        <router-view></router-view>
      </keep-alive>
    </transition>
  </div>
</template>
<script>
export default {


};
</script>
<style lang="scss">
body {
  // -webkit-overflow-scrolling: touch;
  // overflow-y: scroll;
  // overscroll-behavior-y: contain;
}

.routerChange-enter-active {
  transition: all 0.5s;
  opacity: 0;
}
.routerChange-enter-to {
  transition: all 0.5s;
  opacity: 1;
}

body {
  margin: 0;
  height: 100%;
}
.xiangqingbox {
  width: 100% !important;
  height: 100% !important;
  font-size: 0.5333rem;
}
.xiangqingbox img {
  width: 100% !important;
}
.xiangqingbox div {
  width: 100% !important;
  // height: 100% !important;
}
.xiangqingbox div:nth-of-type(1) {
  padding: 0 !important;
}
</style>
